<template>
	<view class="wrap flex column align-center" v-if="shopInfo">
		<view class="title f-30">商家二维码收款</view>

		<image class="code-img" :src="$getImageURL(shopInfo.shop_code)" />

		<view class="name fBold f-32">{{ shopInfo.shopname }}</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				shopInfo: null,
			};
		},
		onLoad(options) {
			if (options.shopInfo) {
				this.shopInfo = JSON.parse(options.shopInfo);
			}
		},
		methods: {},
	};
</script>

<style lang="scss" scoped>
	.wrap {
		padding: 60rpx 25rpx 0rpx 25rpx;
		box-sizing: border-box;
		gap: 20rpx;

		.title {
			color: #333333;
		}

		.code-img {
			width: 400rpx;
			height: 400rpx;
		}

		.name {
			color: #333;
		}
	}
</style>
